<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="target-densitydpi=device-dpi, width=640px, user-scalable=no">
<meta name="apple-themes-web-app-capable" content="yes">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection">
<meta content="email=no" name="format-detection">
<meta name="format-detection" content="telephone=no">
<title>惠众环保</title>	
<link rel="stylesheet" href="css/main.css" type="text/css" media="all">
</head>

<body>
<!--页面加载 开始-->
<div id="preloader">
	<div id="status">
		<p class="center-text"><span>拼命加载中···</span></p>
	</div>
</div>
<!--页面加载 结束-->    

<div id="content_div">
	<div class="user">
		<div class="touxiang">
			<img src="images/touxiang.png"/>
		</div>
		<div class="name">
			某某便利店
		</div>
		<div class="shouji">HZFY006</div>
		<div class="jifen_shop">
			<ul>
				<li>
					<p>未结算积分：<span>1200</span><a href="" class="jiesuan">结算</a></p>
				</li>
				<li>
					<p>已结算积分：<span>5000</span></p>
				</li>
			</ul>
		</div>
	</div>
	<style type="text/css">
		.jifen_shop{ position: absolute; bottom: 0; width: 100%; height: auto; padding: 15px 0; border-top: 1px solid #58d16a;}
		.jifen_shop li{ width: 50%; text-align: center; float: left; color: #fff;}
		.jifen_shop li span{ font-size: 30px;}
		.jiesuan{ padding: 5px 10px; background: #E40B0B; color: #fff; border-radius: 5px; margin-left: 10px;}
	</style>
	<div class="news_class">
		<ul>
			<li style="width: 100%;">订单记录</li>
		</ul>
	</div>
	
	<div class="sbdt_li">
		<ul>
			<li>
				<p>07-31 16:00<span class="red">积分：+30</span></p>
			</li>
			<li>
				<p>07-31 16:00<span class="red">积分：+30</span></p>
			</li>
			<li>
				<p>07-31 16:00<span class="red">积分：+30</span></p>
			</li>
		</ul>
	</div>
</div>

<!--底部-->
<div class="foot_nav">
	<ul>
		<li>
			<a href="index.html">
				<img src="images/foot_nav1.png" />
				<p>首页</p>
			</a>
		</li>
		<li>
			<a href="bianmin.html">
				<img src="images/foot_nav2.png" />
				<p>便民</p>
			</a>
		</li>
		<li>
			<a href="list.html">
				<div class="img">
					<img src="images/foot_nav3.png" />
				</div>
				<p class="text">智能分类</p>
			</a>
		</li>
		<li>
			<a href="shop.html">
				<img src="images/foot_nav4.png" />
				<p>商城</p>
			</a>
		</li>
		<li>
			<a href="user.html">
				<img src="images/foot_nav5.png" />
				<p>我的</p>
			</a>
		</li>
	</ul>
</div>
<!--底部结束-->
<script type="text/javascript" src="js/zepto.js"></script>
<script type="text/javascript" src="js/carousel-image.js"></script>
<script>
	$('.carousel-image').CarouselImage({
		num: $('.carousel-image .carousel-num'),
		repeat: true
	});
</script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
</body>
</html>